<template>
  <view class="cen-btn-btn-items">
    <view><el-image :src="imageSrc" style="width: 64px; height: 64px" fit="cover" /></view>
    <view class="cen-btn-btn-items-text">{{ buttonText }}</view>
  </view>
</template>

<script setup lang="ts">
import { defineProps } from 'vue';

defineProps({
  imageSrc: String,
  buttonText: String,
});
</script>

<style scoped>
.cen-btn-btn-items {
  display: flex;
  flex-wrap: wrap;
  max-width: 64px;
  justify-content: center;
  align-items: center;
  padding: 0px 20px 20px 20px;
}

.cen-btn-btn-items-text {
  padding-top: 10px;
  display: flex;
  justify-content: center;
  font-weight: 600;
}
</style>
